<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="shortcut icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/details.css">
    <script src="./node_modules/_jquery@3.6.0@jquery/dist/jquery.js"></script>
    <script src="./node_modules/_layui-layer@1.0.9@layui-layer/dist/layer.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/tools.js"></script>
    <script src="./js/details.js"></script>
</head>
<body>
    <div id="app">
        <div class="home-tool-bar">
            <ul>
                <li>
                    <a class="item" href="javscript:;">
                        <div class="icon"><i class="iconfont icon-shouji"></i></div>
                        <span class="text">手机app</span>
                        <div class="pop-content">
                            <img src="https://i8.mifile.cn/b2c-mimall-media/93650133310ec1c385487417a472a26c.png" alt="">
                            <span class="desc">扫码领取新人百元礼包</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javscript:;">
                        <div class="icon"><i class="iconfont icon-ren"></i></div>
                        <span class="text">个人中心</span>
                    </a>
                </li>
                <li>
                    <a href="javscript:;">
                        <div class="icon"><i class="iconfont icon-wrench-full"></i></div>
                        <span class="text">售后服务</span>
                    </a>
                </li>
                <li>
                    <a href="javscript:;">
                        <div class="icon"><i class="iconfont icon-fuwu"></i></div>
                        <span class="text">人工客服</span>
    
                    </a>
                </li>
                <li>
                    <a href="javscript:;">
                        <div class="icon"><i class="iconfont icon-gouwuchekong"></i></div>
                        <span class="text">购物车</span>
                    </a>
                </li>
                <li class="scroll-top">
                    <a href="#">
                        <div class="icon"><i class="iconfont icon-dingbu"></i></div>
                        <span class="text">回顶部</span>
                    </a>
                </li>
            </ul>
        </div>
    
        <header id="header">
    
            <!--<a href="javascript:;" id="header-banner"></a>-->
    
            <nav id="nav">
    
                <div class="container top-nav">
    
                    <div class="top-nav-list">
                        <a href="index.html" target="_blank">小米商城</a>
                        <span>|</span>
                        <a href="https://home.miui.com/" target="_blank">MIUI</a>
                        <span>|</span>
                        <a href="https://iot.mi.com/" target="_blank">IoT</a>
                        <span>|</span>
                        <a href="https://i.mi.com/" target="_blank">云服务</a>
                        <span>|</span>
                        <a href="https://airstar.com/home" target="_blank">天星数科</a>
                        <span>|</span>
                        <a href="https://www.xiaomiyoupin.com/" target="_blank">有品</a>
                        <span>|</span>
                        <a href="https://xiaoai.mi.com/" target="_blank">小爱开放平台</a>
                        <span>|</span>
                        <a href="https://qiye.mi.com/" target="_blank">企业团购</a>
                        <span>|</span>
                        <a href="https://www.mi.com/aptitude/list?id=41">资质证照</a>
                        <span>|</span>
                        <a href="https://www.mi.com/aptitude/list" target="_blank">协议规则</a>
                        <span>|</span>
                        <a class="appdown" href="https://www.mi.com/appdownload" target="_blank">
                            下载app
                            <span class="appdow-sp">
                                <img src="http://i1.mifile.cn/f/i/17/appdownload/download.png?1" alt="">
                                小米商城APP
                            </span>
                        </a>
                        <span>|</span>
                        <a href="https://xiaomishare.mi.com/?from=micom" target="_blank">智能生活</a>
                        <span>|</span>
                        <a href="javascript:;" target="_blank">Select Location</a>
                    </div>
    
                    <div class="top-nav-shopping">
                        <a href="shoppingCar.html" target="_blank">
                            <i class="iconfont icon-gouwuchekong"></i>
                            购物车
                            <!--<span class="shopping-num">(0)</span>-->
                        </a>
                        <!--<div class="shoppinginfo">
                            购物车中还没有商品，赶紧选购吧！
                        </div>-->
                    </div>
    
                    <div class="top-nav-userinfo">
                        <a href="./login.html">登录</a>
                        <span>|</span>
                        <a href="./register.html">注册</a>
                        <span>|</span>
                        <a href="JavaScript:;">消息通知</a>
                    </div>
                </div>
            </nav>
    
            <div class="container clearfix">
                <div class="header-logo">
                    <a href="javascript:;">
                        <i class="iconfont icon-xiaomi"></i>
                        <span class="iconfont icon-shouye"></span>
                    </a>
                </div>
    
                <div class="header-nav">
                    <ul class="clearfix">
                        <li >
                            <a href="list.html?cat=all">
                                <span class="text">全部商品分类</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>小米手机</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>Redmi 红米</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>电视</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>笔记本</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>家电</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>路由器</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>智能硬件</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>服务</span>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <span>社区</span>
                            </a>
                        </li>
                    </ul>
                </div>
                
                <div class="search-form">
                    <form>
                        <button id="btnSearch" class="btnSearch"><i class="iconfont icon-sousuo"></i></button> 
                        <input type="text" name="searchText" id="searchText" class="searchText">
                    </form>
                </div>
            </div>
        </header>

        <div id="crumbs">
            <section class="xm-product-box">
                <div class="nav-bar">
                    <div class="container">
                        <h2>小米10S</h2>
                        <div class="con">
                            <div class="left">
                                <span class="separator">|</span>
                                <a href="javascript:">小米11</a>
                                <span class="separator">|</span>
                                <a href="javascript:">小米10 </a>
                                <span class="separator">|</span>
                                <a href="javascript:">小米10青春</a>
                            </div>
                            <div class="right">
                                <a href="javascript:">概述页</a>
                                <span class="separator">|</span>
                                <a href="javascript:">参数页 </a>
                                <span class="separator">|</span>
                                <a href="javascript:">F码通道 </a>
                                <span class="separator">|</span>
                                <a href="javascript:">咨询客服</a>
                                <span class="separator">|</span>
                                <a href="javascript:"> 用户评价</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        
        <div id="mi-detail">
            <div class="page">
                <div class="page-box">
                    <div class="page-info">
                        <div class="product-box container clearfix">

                            <div class="img-left">
                                <div class="product-imglist J_imgListBox">
                                    <div class="img-box J_imgList">
                                        <img src="" alt="">
                                        <div class="mask"></div>
                                    </div>
                                    <div class="bigImg">
                                        <img src="" alt="">
                                    </div>
                                </div>
                                <div class="small">
                                        
                                </div>
                            </div>

                            <div class="product-con">

                                <h2></h2>

                                <p class="sale-desc">

                                    <span>「立即预约！3月19日上午10点开售，最高享12期免息，评价晒单前9000名赠小背包</span>
                                    骁龙870 | 对称式双扬立体声 | 1亿像素 8K电影相机 | 33W有线快充 | 30W无线快充 | 10W反向充电 | 4780mAh超大电池 | LPDDR5+UFS3.0+Wi-Fi 6 | VC液冷散热 | 双模5G
                                </p>

                                <p title="企业名称：小米通讯技术有限公司
                                企业执照注册号：91110108558521630L
                                企业地址：北京市海淀区西二旗中路33号院6 号楼9层019号
                                企业电话：400-100-5678
                                营业期限：2010年08月25日 至 2040年08月24日
                                经营范围：开发手机技术、计算机软件及信息技术；技术检测、技术咨询、技术服务、技术转让；计算机技术培训；系统集成；货物进出口、技术进出口、代理进出口；家用电器、通信设备、广播电视设备（不含卫星电视广播、地面接收装置）、机械设备、电子产品、文化用品的批发零售；维修仪器仪表；销售医疗器械I类、II、III类、针纺织品（含家纺家饰）、服装鞋帽、日用杂货、工艺品、文化用品、体育用品、照相器材、卫生用品（含个人护理用品）、钟表眼镜、箱包、家具（不从事实体店铺经营）、小饰品、日用品、乐器、自行车、智能卡；计算机、通讯设备、家用电器、电子产品、机械设备的技术开发、技术服务；销售金银饰品（不含金银质地纪念币）；家用空调的委托生产；委托生产翻译机；销售翻译机、五金交电（不含电动自行车）、厨房用品、陶瓷制品、玻璃制品、玩具、汽车零配件、食用农产品、花卉、苗木、宠物用品、建筑材料、装饰材料、化妆品、珠宝首饰、通讯设备、卫生间用品、农药；生产手机（仅限在海淀区永捷北路2号三层生产及外埠生产）；出版物批发；出版物零售；销售食品。（销售第三类医疗器械以及销售食品以及依法须经批准的项目，经相关部门批准后依批准的内容开展经营活动。）" class="company-info">小米自营</p>
                                
                                <div class="price-info">
                                    <span>3499 元</span>
                                </div>

                                <div class="line"></div>

                                <div class="subscribe-info">
                                    <div class="left">
                                        <span class="name"></span>
                                        <span class="price">
                                            <i>￥</i><span></span>      
                                        </span>
                                    </div>
                                    <div class="right">
                                        <div class="time-box">
                                            <span class="tips">距结束</span>
                                            <span class="time">
                                                <span class="day">2天</span>
                                                <span class="hour"> 12</span>:
                                                <span class="minite">15</span>:
                                                <span class="second">29</span>
                                            </span>
                                        </div>
                                    </div>
                                </div>

                                <div class="address-box">
                                    <div class="product-address">
                                        <i class="iconfont icon-location"></i>
                                        <div class="address-con">
                                            <div>
                                                <div class="address-info">
                                                    <span>北京</span>
                                                    <span>北京市</span>
                                                    <span>海淀区</span>
                                                    <span>清河街道</span>
                                                </div>
                                                <a href="javascript:void(0);" class="edit">修改</a>
                                            </div>
                                            <div class="info">
                                                <div class="desc">
                                                    <span>该地区暂时缺货</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="buy-option">

                                    <div class="buy-box-child">
                                        <div class="option-box">
                                            <div class="title">选择颜色</div>
                                            <ul class="clearfix">
                                                <li class="active"><a href="javascript:;">蓝色</a></li>
                                                <li><a href="javascript:;">黑色</a></li>
                                                <li><a href="javascript:;">白色</a></li>
                                                <li><a href="javascript:;">混搭</a></li>
                                            </ul>
                                        </div>
                                    </div>


                                    <div class="batch-box">
                                        <div class="title">选择套装</div>
                                            <ul class="clearfix">
                                                <li class="active"><a href="javascript:;">3件</a></li>
                                                <li><a href="javascript:;">5件</a></li>
                                            </ul>
                                    </div>
                                </div>


                                <div class="selected-list">
                                    <div class="btn-box">
                                        <div class="sale-btn">
                                            <a href="#" class="btn btn-primary">登录后购买</a>
                                        </div>
                                        <div class="settlement-btn">
                                            <a href="shoppingCar.html" class="btn btn-primary">去购物车结算</a>
                                        </div>
                                    </div>
                                    
                                    <div class="after-sale-info">
                                        <span><a href="javascript:;"><span>小米自营</span></a></span>
                                        <span><a href="javascript:;"><span>小米发货</span></a></span>
                                        <span><a href="javascript:;"><span>7天无理由退货</span></a></span>
                                        <span><a href="javascript:;"><span>运费说明</span></a></span>
                                        <span><a href="javascript:;"><span>企业信息</span></a></span>
                                        <span><a href="javascript:;"><span>7天价格保护</span></a></span>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                        <div class="introduce container">
                            <div class="title"><h2>商品介绍</h2></div>
                            <div class="content">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <footer id="footer" >
    
            <div class="site">
                <div class="container">
                    <div class="server">
                        <ul class="clearfix">
                            <li><a href="javascript:;"><i class="iconfont icon-wrench-full"></i>预约维修服务</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-7"></i>7天无理由退货</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-15tianwuliyoutuihuo"></i>15天免费换货</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-liwu"></i>满99元包邮</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-location"></i>520余家售后网点</a></li>
                        </ul>
                    </div>
                    <div class="links clearfix">
                        <dl class="con-links">
                            <dt>帮助中心</dt>
                            <dd><a href="javascript:;">账号管理</a></dd>
                            <dd><a href="javascript:;">购物指南</a></dd>
                            <dd><a href="javascript:;">订单操作</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>服务支持</dt>
                            <dd><a href="javascript:;">售后政策</a></dd>
                            <dd><a href="javascript:;">自助服务</a></dd>
                            <dd><a href="javascript:;">相关下载</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>线下门店</dt>
                            <dd><a href="javascript:;">小米之家</a></dd>
                            <dd><a href="javascript:;">服务网点</a></dd>
                            <dd><a href="javascript:;">授权体验店</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>关于小米</dt>
                            <dd><a href="JavaScript:;">了解小米</a></dd>
                            <dd><a href="JavaScript:;">加入小米</a></dd>
                            <dd><a href="JavaScript:;">投资者关系</a></dd>
                            <dd><a href="javascript:;">企业社会责任</a></dd>
                            <dd><a href="javascript:;">廉洁举报</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>关注我们</dt>
                            <dd><a href="javascript:;">新浪微博</a></dd>
                            <dd><a href="javascript:;">官方微信</a></dd>
                            <dd><a href="javascript:;">联系我们</a></dd>
                            <dd><a href="javascript:;">公益基金</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>特色服务</dt>
                            <dd><a href="javascript:;">F码通道 </a></dd>
                            <dd><a href="javascript:;">礼物码  </a></dd>
                            <dd><a href="javascript:;">防伪查询</a></dd>
                            <dd><a href="javascript:;">公益基金</a></dd>
                        </dl>
                        <div class="links-contact">
                            <p class="telNum">400-100-5678</p>
                            <p>8:00-18:00（仅收市话费）</p>
                            <a href="javascript:;" class="btn"><i class="iconfont icon-liaotian"></i>人工客服 </a>
                            <div class="follow">
                                关注小米
                                <a href="JavaScript:;" class="weibo"></a>
                                <a href="JavaScript:;" class="weixin"></a>
                                <img src="http://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/wx-img.png" alt="">
                            </divc>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
    
            <div class="info">
                <div class="containter">
                    <div class="logo">小米官网</div>
                    <div class="info-text">
                        <p>
                            <a href="JavaScript::">小米商城</a>
                            <span>|</span>
                            <a href="JavaScript::">MIUI</a>
                            <span>|</span>
                            <a href="JavaScript::">米家</a>
                            <span>|</span>
                            <a href="JavaScript::">米聊</a>
                            <span>|</span>
                            <a href="JavaScript::">多看</a>
                            <span>|</span>
                            <a href="JavaScript::">游戏</a>
                            <span>|</span>
                            <a href="JavaScript::">政企服务</a>
                            <span>|</span>
                            <a href="JavaScript::">小米天猫店</a>
                            <span>|</span>
                            <a href="JavaScript::">小米集团隐私政策</a>
                            <span>|</span>
                            <a href="JavaScript::">小米公司儿童信息保护规则</a>
                            <span>|</span>
                            <a href="JavaScript::">小米商城隐私政策</a>
                            <span>|</span>
                            <a href="JavaScript::">小米商城用户协议</a>
                            <span>|</span>
                            <a href="JavaScript::">问题反馈</a>
                            <span>|</span>
                            <a href="JavaScript::">Select Location</a>
                        </p>
                        <p>
                            <a href="JavaScript:;">北京互联网法院法律服务工作站</a>
                            <span>|</span>
                            <a href="JavaScript:;">中国消费者协会</a>
                            <span>|</span>
                            <a href="JavaScript:;">北京市消费者协会</a>
                        </p>
                        <p>
                            ©<a href="javascript:;">mi.com</a>京ICP证110507号
                            <a href="javascript:;">京ICP备10046444号</a>
                            <a href="javascript:;">京公网安备11010802020134号</a>
                            <a href="javascript:;">京网文[2020]0276-042号</a><br>
                            <a href="javascript:;">（京）网械平台备字（2018）第00005号</a>
                            <a href="javascript:;"> 互联网药品信息服务资格证 (京)-非经营性-2014-0090 </a>
                            <a href="javascript:;">营业执照</a>
                            <a href="javascript:;">医疗器械质量公告</a><br>
                            <a href="javascript:;">增值电信业务许可证</a>
                            网络食品经营备案 京食药网食备202010048
                            <a href="javascript:;">食品经营许可证</a><br>
                            违法和不良信息举报电话：171-5104-4404
                            <a href="javascript:;">知识产权侵权投诉</a>
                            本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                        </p>
                    </div>
                    <div class="info-links">
                        <a href="JavaScript:;">
                            <img src="http://i1.mifile.cn/f/i/17/site/truste.png" alt="">
                        </a>
                        <a href="JavaScript:;">
                            <img src="http://s01.mifile.cn/i/v-logo-2.png" alt="">
                        </a>
                        <a href="JavaScript:;">
                            <img src="http://xyt.xinchacha.com/img/icon/icon3.png" alt="">
                        </a>
                        <a href="JavaScript:;">
                            <img src="http://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
                        </a>
                        <a href="JavaScript:;" class="aImg">
                            <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/f1ee261b96ae71e845efba398efeca02.png" alt="" class="img1">
                            <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/d10306f91ef8334f01b12a84b685deba.png" alt="" class="img2">
                        </a>
                    </div>
                </div>
                <div class="ir">探索黑科技，小米为发烧而生</div>
            </div>
            
        </footer>
    </div>
</body>
</html>